<p style="margin-bottom: 0px">&nbsp;</p>
<nz-spin [nzSpinning]="loading">
<nz-card>

 <form nz-form [nzLayout]="'inline'" class="search__form">
    <nz-row [nzGutter]="32" style="margin-bottom: 15px;">
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="订单编号" [(ngModel)]="q.fxjOut03" name="fxjOut01">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="客户姓名" [(ngModel)]="q.fxjOut01" name="fxjOut01">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="客户电话" [(ngModel)]="q.fxjOut02" name="fxjOut02">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <!-- <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="车牌号" [(ngModel)]="q.fxjOut13" name="fxjOut13">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="车架号" [(ngModel)]="q.fxjOut14" name="fxjOut14">
          </nz-form-control>
        </nz-form-item>
      </nz-col> -->
      <!-- <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-label nzFor="searchProvince">提醒类型</nz-form-label>
          <nz-form-control>
            <nz-select [(ngModel)]="q.fxjOut15" name="fxjOut15" id="fxjOut15" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
              <nz-option nzLabel="月供" nzValue="月供"></nz-option>
              <nz-option nzLabel="年检" nzValue="年检"></nz-option>
              <nz-option nzLabel="违章" nzValue="违章"></nz-option>
              <nz-option nzLabel="商业保险" nzValue="商业保险"></nz-option>
              <nz-option nzLabel="交强保险" nzValue="交强保险"></nz-option>
            </nz-select>
          </nz-form-control>
        </nz-form-item>
      </nz-col> -->
      <!-- <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-label nzFor="searchProvince">提醒状态</nz-form-label>
          <nz-form-control>
            <nz-select [(ngModel)]="q.fxjOut16" name="fxjOut16" id="fxjOut16" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
              <nz-option nzLabel="未催收" nzValue="未催收"></nz-option>
              <nz-option nzLabel="已催收" nzValue="已催收"></nz-option>
              <nz-option nzLabel="已逾期" nzValue="已逾期"></nz-option>
            </nz-select>
          </nz-form-control>
        </nz-form-item>
      </nz-col> -->
      <nz-col nzMd="3" nzSm="24">
        <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="st.load(1, q)">{{'search' | translate}}</button>
      </nz-col>
    </nz-row>
    <!-- <nz-row> -->
      <!--<nz-col nzMd="4" nzSm="24">-->
        <!--<nz-form-control>-->
          <!--<nz-date-picker placeholder="选择还款日" nzFormat="yyyy-MM-dd" name="fxjOut17" [(ngModel)]="q.fxjOut17"></nz-date-picker>-->
        <!--</nz-form-control>-->
      <!--</nz-col>-->
      <!-- <nz-col nzMd="6" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <nz-range-picker placeholder="选择日期" name="cdate" [nzFormat]="'yyyy-MM-dd'" [(ngModel)]="q.dateRange"
                              (ngModelChange)="dateChange($event)"></nz-range-picker>
          </nz-form-control>
        </nz-form-item>
      </nz-col> -->
      <!-- <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入订单编号" [(ngModel)]="q.fxjOut12" name="fxjOut12">
          </nz-form-control>
        </nz-form-item>
      </nz-col> -->
      <!-- <nz-col nzMd="3" nzSm="24">
        <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="st.load(1, q)">{{'search' | translate}}</button>
      </nz-col> -->
    <!-- </nz-row> -->
  </form>
</nz-card>

<simple-table #st
  [columns]="columns"
  [data]="url"
  [ps]="ps"
  [extraParams]="q"
  [resReName]="{total:'total',list:'data'}"
  [reqReName]="{pi:'pageNumber',ps:'pageSize'}"
  toTopInChange
  [showTotal]="true"
  [showPagination]="true"
  [showSizeChanger]="true"
  [scroll]="{x:'1300px'}"
  (checkboxChange)="checkboxChange($event)"
  >
</simple-table>

</nz-spin>
